<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我要开店</title>
<script src="../files/js/jquery-1.10.2.js"></script>
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../files/css/layui.css"
	media="all">
<style type="text/css">
	html{
		 overflow-x: hidden;
		 overflow-y: auto;
	}
	body {
		width: 100%;
		height: 1300px;
	}
	.layui-btn{
        border: 0px; /*去边框*/
        width:281px;
        height:67px;
        background-image:url(../images/ann.png);/*背景图片*/
        position: absolute;
        top:407px;
        left:534px;
    }
</style>
<script type="text/javascript">

</script>
</head>
<body>
	<img src="../images/shang.png">
	<img src="../images/zhong.png">
	<img src="../images/xia.png">
	<input type="button" id="zAdd" class="layui-btn"/>
	<a href="#" style="text-decoration:none;position: absolute;top:15px;left:1235px;color:white;font-size: 14px;">返回首页</a>
    <script src="../files/js/layui.js"></script>
<script>
	layui.use(['laydate', 'laypage', 'layer', 'table', 'upload', 'element'], function(){
	  var laydate = layui.laydate //日期
	  ,laypage = layui.laypage //分页
	  layer = layui.layer //弹层
	  ,table = layui.table //表格
	  ,upload = layui.upload //上传
	  ,element = layui.element; //元素操作
	 
	  var $ = layui.$;
	  
	  //监听Tab切换
	  element.on('tab(demo)', function(data){
	    layer.msg('切换了：'+ this.innerHTML);
	    console.log(data);
	  });
	 
	  $('#zAdd').on('click', function(){
		 layer.open({
			  type: 2,
			  area : ['50%' , '50%'],//弹出框大小
			  shift:1,//弹出框动画效果
			  content: ['phoneCode.html','on'] //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
			});
	   });
	});
</script>
</body>
</html>